<!doctype html>
<html lang="en">
<html lang="en" xmlns:th="http://www.thymeleaf.org"
      xmlns:sec="http://www.thymeleaf.org/extras/spring-security">
    <head>

        <meta charset="utf-8">
        <title>Log Out | Rainy-Heights&春江花朝秋月夜</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta content="Premium Multipurpose Admin & Dashboard Template" name="description">
        <meta content="Themesbrand" name="author">
        <!-- App favicon -->
        

        <!-- preloader css -->
        <link rel="stylesheet" href="/../static/css/preloader.min.css" type="text/css">

        <!-- Bootstrap Css -->
        <link href="/../static/css/bootstrap.min.css" id="bootstrap-style" rel="stylesheet" type="text/css">
        <!-- Icons Css -->
        <link href="/../static/css/icons.min.css" rel="stylesheet" type="text/css">
        <!-- App Css-->
        <link href="/../static/css/app.min.css" id="app-style" rel="stylesheet" type="text/css">

    </head>

    <body>

    <!-- <body data-layout="horizontal"> -->
        <div class="auth-page">
            <div class="container-fluid p-0">
                <div class="row g-0">
                    <div class="col-xxl-3 col-lg-4 col-md-5">
                        <div class="auth-full-page-content d-flex p-sm-5 p-4">
                            <div class="w-100">
                                <div class="d-flex flex-column h-100">
                                    <div class="mb-4 mb-md-5 text-center">
                                        <a href="index.html" class="d-block auth-logo">
                                            <img src="/../static/picture/logo-sm.svg" alt="" height="28"> <span class="logo-txt">人间词话</span>
                                        </a>
                                    </div>
                                    <div class="auth-content my-auto">
                                        <div class="text-center">
                                            <div class="avatar-xl mx-auto">
                                                <div class="avatar-title bg-light-subtle text-primary h1 rounded-circle">
                                                    <i class="bx bxs-user"></i>
                                                </div>
                                            </div>

                                            <div class="mt-4 pt-2">
                                                <h5>您已登出</h5>
                                                <p class="text-muted font-size-15">感谢使用<span class="fw-semibold text-dark">人间词话</span></p>
                                                <div class="mt-4">
                                                    <a href="/auth-login" class="btn btn-primary w-100 waves-effect waves-light">登录</a>
                                                </div>
                                            </div>
                                        </div>
                                    
                                        <div class="mt-5 text-center">
                                            <p class="text-muted mb-0">没有账户？ <a href="/register/auth-register" class="text-primary fw-semibold">注册</a> </p>
                                        </div>
                                    </div>
                                    <div class="mt-4 mt-md-5 text-center">
                                        <p class="mb-0">© <script>document.write(new Date().getFullYear())</script> Rainy-Heights. Crafted with <i class="mdi mdi-heart text-danger"></i> by 春江花朝秋月夜</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- end auth full page content -->
                    </div>
                    <!-- end col -->
                    <div class="col-xxl-9 col-lg-8 col-md-7">
                        <div class="auth-bg pt-md-5 p-4 d-flex">
<!--                            <div class="bg-overlay bg-primary"></div>--><!--产生灰度-->
                            <ul class="bg-bubbles">
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                                <li></li>
                            </ul>
                            <!-- end bubble effect -->
                            <div class="row justify-content-center align-items-center">
                                <div class="col-xl-7">
                                    <div class="p-0 p-sm-4 px-xl-0">>
                                        <!-- end carouselIndicators -->
                                        <div class="carousel-inner">
                                            <div class="carousel-item active">
                                                <div class="testi-contain text-white">
                                                    <i class="bx bxs-quote-alt-left text-success display-6"></i>

                                                    <h4 class="mt-4 fw-medium lh-base text-white">
                                                        了了欢声完奏。好似平常依旧。
                                                        难忘月缺前，风冷不觉衣瘦。
                                                        悲奏。悲奏。窗闭寒风却骤。
                                                    </h4>
                                                </div>
                                            </div>

                                            <div class="carousel-item">
                                                <div class="testi-contain text-white">
                                                    <i class="bx bxs-quote-alt-left text-success display-6"></i>

                                                    <h4 class="mt-4 fw-medium lh-base text-white">白霞漫落琼花。晚来枝上寒沙。
                                                        天重窗残烂瓦。风吹雪踏。更吹愁几人家。</h4>
                                                </div>
                                            </div>

                                            <div class="carousel-item">
                                                <div class="testi-contain text-white">
                                                    <i class="bx bxs-quote-alt-left text-success display-6"></i>

                                                    <h4 class="mt-4 fw-medium lh-base text-white">春风知我意，夜雨数新枝。
                                                        落叶凄凄许，归雁害相思。
                                                    </h4>
                                                </div>
                                            </div>
                                        </div>
                                        <!-- end carousel-inner -->
                                    </div>
                                    <!--
                                    <div id="reviewcarouselIndicators" class="carousel slide" data-bs-ride="carousel">
                                        <div class="carousel-indicators carousel-indicators-rounded justify-content-start ms-0 mb-0">
                                            <button type="button" data-bs-target="#reviewcarouselIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
                                            <button type="button" data-bs-target="#reviewcarouselIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
                                            <button type="button" data-bs-target="#reviewcarouselIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
                                        </div>
 end review carousel -->
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- end col -->
                </div>
                <!-- end row -->
            </div>
            <!-- end container fluid -->
        </div>


        <!-- JAVASCRIPT -->
        <script src="/../static/js/jquery.min.js"></script>
        <script src="/../static/js/bootstrap.bundle.min.js"></script>
        <script src="/../static/js/metisMenu.min.js"></script>
        <script src="/../static/js/simplebar.min.js"></script>
        <script src="/../static/js/waves.min.js"></script>
        <script src="/../static/js/feather.min.js"></script>
        <!-- pace js -->
        <script src="/../static/js/pace.min.js"></script>
        <!-- password addon init -->
        <script src="/../static/js/pass-addon.init.js"></script>

    </body>

</html>